<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../make/css/swiper-3.4.2.min.css"/>
    <link rel="stylesheet" href="css/teamDetail.css"/>
    <title>宣发——团队详情</title>
    <!--<script src="//cdn.jsdelivr.net/npm/eruda"></script>-->
    <!--<script>eruda.init();</script>-->
</head>
<body>
<div class="container">

</div>
<script type="text/template" id="teamDetailTpl">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            {{each data.banner_list as item i}}
            <div class="swiper-slide">
                <img src="{{item.source_url}}" alt=""/>
            </div>
            {{/each}}

        </div>
        <div class="swiper-pagination"></div>
    </div>
    <div class="information">
        <p>基本信息</p>

        <div>
            <p>
                <span>团队类型：{{data.cat_name}}</span>
                <span>团队规模：{{data.team_scale}}</span>
            </p>

            <p>
                <span>团队地点：{{data.team_addr}}</span>
                <span>成立时间：{{data.join_age_long}}</span>
            </p>

            <p class="range">
                <span>制作范围：{{data.carry_range}}</span>
            </p>
            <span class="sub">提交需求</span>
        </div>


    </div>

    <div class="demonstration">
        <p>案例展示</p>

        <div>
            <ul id="ul">

                {{if data.caseInfo.length>0}}
                {{each data.caseInfo as item i}}
                <li id="{{item.id}}">
                    <img src="{{item.img_url}}" alt="图片1"/>

                    <p></p>
                    <span>{{item.name}}</span>
                </li>
                {{/each}}
                {{else}}
                <li >
                    <img src="../img/notCase@3x.png" alt="图片1"/>

                </li>
                {{/if}}
            </ul>
        </div>
    </div>

    <div class="Remark">
        <p>团队介绍</p>

        <div>
            {{data.remark}}
        </div>
    </div>
    <!--用于适配iPhone X底部-->
    <div class="footer_position"></div>

</script>
<script src="../../person_home/js/jquery-3.2.1.min.js"></script>
<script src="../../person_home/js/flexible.js"></script>
<script src="../../person_home/js/swiper-3.4.2.min.js"></script>
<script src="../../person_home/js/template.js"></script>
<script src="../../person_home/js/url.js"></script>
<script src="../../person_home/js/isIphoneX.js"></script>
<script src="js/teamDetail.js"></script>

</body>
</html>